// 颜色变量
@primary-color: #ff6b6b;
@primary-light: #ff8787;
@primary-dark: #e55555;
@secondary-color: #4ecdc4;
@success-color: #51cf66;
@warning-color: #ffd43b;
@error-color: #ff6b6b;
@danger-color: #ee0a24;

@text-primary: #2c3e50;
@text-secondary: #5a6c7d;
@text-muted: #8e9aaf;
@text-light: #ffffff;
@text-color-secondary: #666666;
@text-color: #333333;
@text-color-tertiary: #999999;

@bg-primary: #ffffff;
@bg-secondary: #f8f9fa;
@bg-light: #ffffff;
@bg-dark: #2c3e50;
@background-color: #f5f5f5;
@white: #ffffff;

// 边框和阴影
@border-color: #e9ecef;
@border-light: #dee2e6;
@border-radius: 12px;
@border-radius-sm: 8px;
@border-radius-lg: 16px;
@box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
@box-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

@shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
@shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
@shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);

// 间距变量
@spacing-xs: 4px;
@spacing-sm: 8px;
@spacing-md: 16px;
@spacing-lg: 24px;
@spacing-xl: 32px;
@spacing-xxl: 48px;

// 字体变量
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial,
  sans-serif;
@font-size-xs: 12px;
@font-size-sm: 14px;
@font-size-base: 16px;
@font-size-lg: 18px;
@font-size-xl: 20px;
@font-size-xxl: 24px;

// 断点变量
@screen-xs: 320px;
@screen-sm: 375px;
@screen-md: 414px;
@screen-lg: 768px;
@screen-xl: 1200px;

// 动画变量
@transition-fast: 0.2s ease;
@transition-normal: 0.3s ease;
@transition-slow: 0.5s ease;
